<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<h:head>

	<link rel="shortcut icon" type="image/x-icon" href="#{facesContext.externalContext.requestContextPath}/resources/img/favicon.ico" />

	<title><ui:insert name="titulo">Controle Bibliotecário</ui:insert></title>

	<h:outputStylesheet library="css" name="estilo.css" />

	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/bootstrap/css/bootstrap.min.css" />

	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/bootstrap/css/bootstrap-responsive.css" />

	<link href="#{facesContext.externalContext.requestContextPath}/resources/css/loading-bar.min.css" rel="stylesheet" />

	<h:outputScript library="js" name="lang_pt_br.js" />

	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/bootstrap/js/bootstrap.js"></script>

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

</h:head>

<h:body data-spy="scroll" data-target=".bs-docs-sidebar" data-twttr-rendered="true">

	<div class="navbar navbar-fixed-top">

		<div class="navbar-inner">

			<div class="container-fluid">

				<h:form>

					<h2 style="color: #fff;" align="center">Controle Bibliotecário</h2>

					<p:menubar transient="true" style="margin-top: 0px;">

						<p:menuitem value="Início" url="/paginas/principal.jsf" icon="ui-icon-home" ajax="false" />

						<p:submenu label="Operações" icon="ui-icon-gear">

							<p:menuitem value="Empréstimo" ajax="false" action="/paginas/emprestimo/inicio?faces-redirect=true" />

							<p:menuitem value="Devoluções" ajax="false" action="/paginas/devolucao/inicio?faces-redirect=true" />

						</p:submenu>

						<p:submenu label="Cadastros" icon="ui-icon-disk">

							<p:menuitem value="Leitores" ajax="false" action="/paginas/leitor/inicio?faces-redirect=true" />

							<p:menuitem value="Livros" ajax="false" action="/paginas/livro/inicio?faces-redirect=true" />

							<p:menuitem value="Usuários do Sistema" ajax="false" action="/paginas/usuario/inicio?faces-redirect=true"
								rendered="#{efetuarLoginController.usuarioLogado.userAdmin}" />

						</p:submenu>

						<ui:remove>

							<p:submenu label="Consultas" icon="ui-icon-document">

								<p:menuitem value="Livros Emprestados" ajax="false" action="/paginas/consultas/livros_emprestados?faces-redirect=true" />

								<p:menuitem value="Devoluções Pendentes" ajax="false" action="/paginas/consultas/devolucoes_pendentes?faces-redirect=true" />

								<p:menuitem value="Leitores Cadastrados" ajax="false" action="/paginas/consultas/leitores_cadastrados?faces-redirect=true" />

								<p:menuitem value="Livros Cadastrados" ajax="false" action="/paginas/consultas/livros_cadastrados?faces-redirect=true" />

								<p:menuitem value="Multas Geradas por Atraso" ajax="false" action="/paginas/consultas/multas_geradas?faces-redirect=true" />

							</p:submenu>

						</ui:remove>

						<p:submenu label="Configurações" icon="ui-icon-wrench" rendered="#{efetuarLoginController.usuarioLogado.userAdmin}">

							<p:menuitem value="Parametrização" ajax="false" action="/paginas/configuracoes/inicio?faces-redirect=true" />

						</p:submenu>

						<f:facet name="options">

							<div style="margin: 6px;">

								<span class="icon-user" />

								<h:outputText value="Usuário: #{efetuarLoginController.loginForm.usuarioLogado.nome}" />

								<p:spacer width="10px" />

								<p:commandLink title="Sair" action="#{efetuarLoginController.logout}">

									<span class="icon-off" />

									<p:spacer width="5px" />

									<h:outputText value="Sair" />

								</p:commandLink>

							</div>

						</f:facet>

					</p:menubar>

				</h:form>

			</div>

		</div>

	</div>

	<div class="conteudo" style="margin-top: 140px">

		<div class="row-fluid">

			<div class="span12" style="margin-bottom: -10px;">

				<ui:insert name="breadcrumb" />

				<p:messages showDetail="true" showSummary="false" autoUpdate="true" closable="true">

					<p:effect type="pulsate" event="load" delay="500" />

				</p:messages>

			</div>

			<ui:insert name="corpo" />

		</div>

	</div>

	<div class="footer">

		<div class="row-fluid">

			<div class="container-fluid">

				<div class="span12" style="margin-top: 10px;">

					<span class="icon-book" />

					<p:spacer width="5px" />

					<h:outputText value="Sistema para Controle de Empréstimos de Livros em Bibliotecas." />

				</div>

			</div>

		</div>

	</div>

	<p:ajaxStatus onstart="PF('gldStatus').show()" oncomplete="PF('gldStatus').hide();" onerror="PF('gldStatus').hide();" />

	<p:dialog widgetVar="gldStatus" modal="true" closable="false" resizable="false" draggable="false" header="Processando...">

		<h:panelGrid style="text-align:center;">

			<p:graphicImage url="/resources/img/ajaxloadingbar.gif" style="vertical-align: middle;" />

		</h:panelGrid>

	</p:dialog>

</h:body>

</html>